<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <p:ribbon>
            <p:tab title="File">
                <p:ribbonGroup label="Options">
                    <p:commandButton value="New" icon="ui-ribbonicon-new" styleClass="ui-ribbon-bigbutton" type="button"/>
                    <p:commandButton value="Save" icon="ui-ribbonicon-save" styleClass="ui-ribbon-bigbutton" type="button"/>
                </p:ribbonGroup>
                <p:ribbonGroup label="Clipboard" style="width:120px">
                    <p:selectManyButton>
                        <p:commandButton value="Paste" icon="ui-ribbonicon-paste" styleClass="ui-ribbon-bigbutton" type="button"/>
                        <p:commandButton value="Cut" icon="ui-ribbonicon-cut" style="width:64px" type="button"/>
                        <p:commandButton value="Print" icon="ui-ribbonicon-print" style="width:64px" type="button"/>
                    </p:selectManyButton>
                </p:ribbonGroup>
                <p:ribbonGroup label="Fonts" style="width:220px">
                    <p:selectOneMenu appendTo="@this">
                        <f:selectItem itemLabel="Arial" itemValue="0" />
                        <f:selectItem itemLabel="Comis Sans" itemValue="1" />
                        <f:selectItem itemLabel="Helvetica" itemValue="2" />
                        <f:selectItem itemLabel="Times New Roman" itemValue="3" />
                        <f:selectItem itemLabel="Verdana" itemValue="4" />
                    </p:selectOneMenu>
                    <p:colorPicker />
                </p:ribbonGroup>
            </p:tab>
            <p:tab title="View">
                <p:ribbonGroup label="Zoom">
                    <p:commandButton value="In" icon="ui-ribbonicon-zoomin" styleClass="ui-ribbon-bigbutton" type="button" />
                    <p:commandButton value="Out" icon="ui-ribbonicon-zoomout" styleClass="ui-ribbon-bigbutton" type="button"/>
                </p:ribbonGroup>
            </p:tab>
        </p:ribbon>
    </h:body>
</html>
